﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
   -moz-border-radius:5px; -webkit-border-radius:5px;  
   border:1px solid #ccc;  	
    padding:2px;
  background-color:white;
  margin-top:5px;
}



#main , #Main2
{
    padding: 10px 10px 15px 10px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul.menu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0;
}

ul.menu li
{
    display: inline;
    list-style: none;
    
}

ul.menu li#greeting
{
    padding: 10px 20px;
    text-decoration: none;
    line-height: 2.4em;
    color: #fff;
}

ul.menu li > a
{
    padding: 5px 10px;
    text-decoration: none;
    line-height: 2.4em;
    font-size:18px;
    color:#FFF;
    border: solid 1px #36295E;
}

ul.menu li > a:hover
{
    text-decoration: none;
    border: solid 1px #FFF;
}

ul.menu li > a:active
{
    text-decoration: none;
}

ul.menu li.selected > a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  width:60%;
  display:inline;
  float:left;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
#upload{  
  margin:30px 20px; padding:15px;  
  font-weight:bold; font-size:1.3em;  
  font-family:Arial, Helvetica, sans-serif;  
  text-align:center;  
  background:#f2f2f2;  
  color:#3366cc;  
  border:1px solid #ccc;  
  width:100px;  
  cursor:pointer !important;  
  -moz-border-radius:5px; -webkit-border-radius:5px;  
 }  
 
 .section
 {
  
  color:#3366cc;  
  
  padding:2px;
  margin:3px;
 }

 

 
 #header-line{
 width:80%;
  font-size:14px;
  color:#FFBC00;
  height:40px;
  padding:0px; 
  margin-left:auto;
  margin-right:auto;
 }
 
 #header-line h1
 {
  float:left;
  color:#FFBC00;
  font-size:30px; 
  text-align:left;
  margin-right:20px;
 }



 #logon-box{
   float:right;
   display:inline;
   width:300px;
   margin-top:14px;
   padding:5px;
   text-align:right;
   -moz-border-radius:5px; -webkit-border-radius:5px;  
   background-color:#FFF;
 color:#6BAA43
 }
 
 div.MenuContainer{
   background-color:white;
    margin-top:30px;
    margin-left:-50px;
  position:absolute;
  text-align:left;
  width:200px;
  z-index:5000;
     -moz-border-radius:5px; -webkit-border-radius:5px;  
   border:1px solid #ccc;  	
    padding:2px;
 }
 
 
 #PageMenu ul li { display:inline;margin-right:5px;}
 #PageMenu ul li a{ cursor:pointer;}
 
 .tagEditor
{
	margin: 4px 0;
	padding: 0;
}

.tagEditor li
{
	display: inline;
	background-image: url(minus_small.png);
	background-color: #eef;
	background-position: right center;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 18px 0 6px;
	margin: 0 4px;	
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tagEditor li:hover
{
	background-color: #eee;
}

a.vertical-menu {
  color:#3399CC;
  border:solid 1px #FDFDFD;
  padding: 5px;
  display:block;
  font-size:12px;
  font-weight:normal;
  margin:5px;
  padding:5px;
  text-decoration:none;
  line-height:14px;
}

a:hover.vertical-menu{
    background-color:#3399CC;
    color:#FFF; 
    padding: 5px;
      margin:5px;
    border:solid 1px #FDFDFD;
}

div.editorzone{
 -moz-border-radius:5px; -webkit-border-radius:5px;  
 width:100px; 
 display:none;
 padding:5px;
 border:solid 1px #666;
 position:absolute;
 z-index:1000;
 background-color:#68BBE1;
}

div.editorzone > img {
    cursor:pointer; 
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}
.PageDescription{
 font-size:16px;
 font-style:italic; 
}

#PageSpaces{
  display:none;position:absolute;z-index:1000;
   -moz-border-radius:5px; -webkit-border-radius:5px;  
    padding:5px;
 border:solid 1px #666;
   cursor:pointer;
   background-color:#fff;
   filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

}

#CurrentSpaceSelection{
  cursor:pointer;
  text-decoration:underline;color:#3399FF
}

#PageList li {
   line-height:22px;
  padding:3px;
}

#PageList li a{
  color:#3399CC;
  font-size:18px;
  margin:3px;
  padding:2px;
  border:solid 1px #FFF;
}

#PageList li a:hover{
  background-color:#3399CC;
  color:#FFF;
  border-bottom:solid 1px #000;
}

.space-auto{
  display:inline;
  float:left;
  margin-right:5px;
  margin-bottom:5px; 
}

.space-auto a.space-header{
    color:#EE7733;
  font-size:22px;
  margin:3px;
  padding:2px;
  border:solid 1px #FFF;
}

.space-auto a.page-create{
    color:#6BAA43;
  font-size:12px;
  margin:3px;
  padding:2px;
  border:solid 1px #FFF;
}
.space-auto a.page-create:hover{
    background-color:#6BAA43;
    color:#FFF;
  font-size:12px;
  margin:3px;
  padding:2px;
  border:solid 1px #FFF;
}

.space-auto a.space-header:hover{
    color:#FFF;
    background-color:#EE7733;
  font-size:22px;
  margin:3px;
  padding:2px;
  border:solid 1px #FFF;
}